<cdk-virtual-scroll-viewport itemSize="12" class="bby-infinite-container">
  <nz-list style="margin-left:20px;" nzItemLayout="horizontal" [nzLoading]="pageData.loading" title="用户">
    <div nz-row nzGutter="24">
      <nz-list-item *cdkVirtualFor="let user of pageData.list">
        <div nz-col >
            <nz-card [nzTitle]="user.username">
              <div nz-row nzGutter="24" style="padding:20px 0 20px 20px">
                <div nz-col nzSpan="4">
                  <nz-avatar [nzSize]="50" nzIcon="user" [nzSrc]="avatarUrl+'/'+user.userId"></nz-avatar>
                </div>
                <div nz-col nzSpan="20">
                  <div class="line-overflow" style="padding-left: 5px;font-size: large">
                    <div>{{user.userId}}</div>
                    <div><a (click)="openDisk(user)">{{user.username}}</a></div>
                  </div>
                </div>
              </div>
            </nz-card>
        </div>
      </nz-list-item>
    </div>
    <nz-list-footer>
      <nz-pagination
        style="margin-bottom: 10px" nzPageSize="12" nzShowQuickJumper
        [(nzPageIndex)]="pageData.listPage" [nzTotal]="pageData.userTotal<0? 500:pageData.userTotal" (nzPageIndexChange)="pageIndexChange()" >
      </nz-pagination>
    </nz-list-footer>
    <nz-list-empty *ngIf="pageData.list.length === 0" nzNoResult="用户不存在！"></nz-list-empty>
  </nz-list>
</cdk-virtual-scroll-viewport>
